<template>
	<view class="content">
		<view class="teambox">
			<view class="team_t">
				<view class="team_img">
					<img src="../../static/user_icon.png" alt="">
				</view>
				<view class="team_tit">
					<view class="team_txt">团队总人数（人）</view>
					<view class="team_number">0</view>
				</view>
			</view>
			<view class="team_b">
				<view class="team_b_list">
					<view>一级人数（人）</view>
					<view>0</view>
				</view>
				<view class="team_b_list">
					<view>二级人数（人）</view>
					<view>0</view>
				</view>
				<view class="team_b_list">
					<view>三级人数（人）</view>
					<view>0</view>
				</view>
			</view>
		</view>
		<view class="teambox">
			<view class="team_t">
				<view class="team_img">
					<img src="../../static/money_icon.png" alt="">
				</view>
				<view class="team_tit">
					<view class="team_txt">团队订单总返佣（USDT）</view>
					<view class="team_number">0.00</view>
				</view>
			</view>
			<view class="team_b">
				<view class="team_b_list">
					<view>一级返佣（USDT）</view>
					<view>0</view>
				</view>
				<view class="team_b_list">
					<view>二级返佣（USDT）</view>
					<view>0</view>
				</view>
				<view class="team_b_list">
					<view>三级返佣（USDT）</view>
					<view>0</view>
				</view>
			</view>
		</view>
		
		<view class="moneylist">
			<view class="moneytit">
				<text class="icon_left"></text> 
				组件团队流程 
				<text class="icon_right"></text></view>
		</view>
		
		<view class="sharebox">
			<view class="sharelist">
				<view class="shareimg"><img src="../../static/step_1_icon.png" alt=""></view>
				<view class="sharetext">1.分享好友注册链接 </view>
			</view>
			<view class="sharelist">
				<view class="shareimg"><img src="../../static/step_2_icon.png" alt=""></view>
				<view class="sharetext">2.好友成功注册</view>
			</view>
			<view class="sharelist">
				<view class="shareimg"><img src="../../static/step_3_icon.png" alt=""></view>
				<view class="sharetext">3好友完成任意一笔订单</view>
			</view>
			<view class="sharelist">
				<view class="shareimg"><img src="../../static/step_4_icon.png" alt=""></view>
				<view class="sharetext">4.你将获得对应收益</view>
			</view>
		</view>
		<view class="imgbox">
			<text class="imgtxt">邀请奖励说明(如图所示)</text>
			<img src="../../static/distribute_img.webp" alt="">
		</view>
		
		<botLine />
	</view>
</template>

<script>
	import botLine from '../../components/botLine.vue'
	export default {
		components:{
			botLine
		},
		data() {
			return {
				
			}
		},
		onLoad() {
	
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.content{padding:20rpx;
	background-color: #f1f5f8;
	.teambox{
		background-color: #fff;
		&:nth-child(1){margin-bottom: 20rpx;}
		.team_t{display: flex;
			padding:40rpx 30rpx 50rpx 30rpx;border-bottom:  #e6e6e6 solid 2rpx;
			.team_img{
				width: 76rpx;height: 76rpx;
				img{width: 76rpx;height: 76rpx;}
			}
			.team_tit{
				flex: 1;padding-left: 30rpx;
				.team_txt{
					font-size: 26rpx;color: #929292;
				}
				.team_number{
					font-size: 43rpx;color: #000;font-weight: 400;
				}
			}
		}
		.team_b{display: flex;
			.team_b_list{text-align: center;flex: 1;padding: 30rpx 0;
				view:nth-child(1){
					font-size: 26rpx;color: #929292;line-height: 40rpx;
				}
				view:nth-child(2){
					font-size: 36rpx;color: #000;font-weight: 500;
				}
			}
		}
	}
	.sharebox{
		display: flex;background-color: #fff;
		.sharelist{
			flex: 1;text-align: center;padding-top:30rpx;
			&:nth-child(1){padding-left: 20rpx;}
			&:nth-child(4){padding-right: 20rpx;}
			img{width: 76rpx;height: 76rpx;}
			.sharetext{
				color: #000;font-size: 24rpx;line-height: 36rpx;
			}
		}
	}
	.imgbox{
		background-color: #fff;padding-top: 50rpx;
		.imgtxt{
			font-size: 30rpx;padding-left: 30rpx;
		}
		img{
			width: 100%;margin: 30rpx 0 50rpx 0;
		}
	}
}
</style>